<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
        <script src="js/jquery.min.js"></script>
        <link rel="stylesheet" href="css/zeroModal.css">
        <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">
        <script src="js/base.js"></script>
        <script src="js/zeroModal.min.js"></script>
        <script src="js/paging.js"></script>
        <link rel="stylesheet" href="css/zeroModal.css">
        <script src="js/zeroModal.min.js"></script>
        <link rel="stylesheet" href="css/foundation-datepicker.css">
        <link rel="stylesheet" href="css/zeroModal.css">
        <script src="js/zeroModal.min.js"></script>
        <style>
            *{margin:0;padding:0}
                    .table{
            margin-top:10px;
            border-collapse:collapse;
            width:900px;
        }
        .table td{
            border:1px solid #ccc;
            text-align: center;
            vertical-align: middle;
        }
        .table thead{
            background:#0073A9;
            color:#fff;
        }
        .table thead td{
            height: 30px;
        }
         .page_div {
				margin-top: 20px;
				margin-bottom: 20px;
				font-size: 15px;
				font-family: "microsoft yahei";
				color: #666666;
				margin-right: 10px;
				padding-left: 20px;
				box-sizing: border-box;
			}
			/*
			 * 页数按钮样式
			 */
			
			.page_div a {
				min-width: 30px;
				height: 28px;
				border: 1px solid #dce0e0!important;
				text-align: center;
				margin: 0 4px;
				cursor: pointer;
				line-height: 28px;
				color: #666666;
				font-size: 13px;
				display: inline-block;
			}
			
			#firstPage,
			#lastPage {
				width: 50px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			#prePage,
			#nextPage {
				width: 70px;
				color: #0073A9;
				border: 1px solid #0073A9!important;
			}
			
			.page_div .current {
				background-color: #0073A9;
				border-color: #0073A9;
				color: #FFFFFF;
			}
			
			.totalPages {
				margin: 0 10px;
			}
			
			.totalPages span,
			.totalSize span {
				color: #0073A9;
				margin: 0 5px;
			}
        .top_btn,.show_title{
            display: flex;
        }
        .top_btn span,.show_title span{
            padding:2px 5px;
            border:1px solid #000;
            border-radius: 2px;
            margin-right: 10px;
            color:#000;
            cursor: pointer;
        }
            .tab_list{
                display:flex;
                margin-top:10px;

            }
            .tab_list> span{
                cursor: pointer;
                border:1px solid #ccc;
                padding:2px 8px;
                margin-right:10px;
            }
            .time_bor{
                border:none;
                border-bottom: 1px solid #ccc;
                width: 160px;
                cursor: pointer;
            }
            .time_bor input {
                border:none;
                outline: none;
                width:160px;

            }
            .t_fangan > div{
               
            }
            .t_fangan > div > input{
                border:none;
                border-bottom:1px solid #ccc;
                outline:none;
                font-size:16px;
            }
            .bx_fj{
                display: inline-block;
                border:1px solid #0073A9;
                padding:2px 5px;
                cursor: pointer;
                border-radius: 3px;
                margin-top:10px;
            }
        </style>
</head>
<body style="margin-left:10px">
    <div>
        <div class="tab_list">
            <span class="add_tab">添加推送</span>
            <span class="qx_ts">取消推送</span>
            <span class="ljts">立即推送</span>
        </div>
        <div class="tab_show">
            <table class="table">
                <thead>
                    <tr>
                        <td>选择</td>
                        <td>id</td>
                        <td>推送状态</td>
                        <td>专题id</td>
                        <td>专题标题</td>
                        <td>推送时间</td>
                    </tr>
                </thead>
            <tbody class="t_list">

            </tbody>
            </table>
            <div class="page_fen">
                <div value="1 0"></div>
                <div id="page" class="page_div"></div>
            </div>
            <div class="t_fangan">
                <div>
                    <span>全局专题推送文案 :</span>
                    <input type="text" class="qj_fa">
                </div>
                <div style="margin-top:10px">
                    <span>更新专题推送文案 :</span>
                    <input type="text" class="gx_fa">
                </div>
                <div>
                    <span class="bx_fj">保存方案</span>
                </div>
            </div>
        </div>
        <div class="tab_add">
            
            <div style="margin-top:20px;">
                <span>推送时间 :</span>
                <span class="time_bor">
                <input id="demo-2" type="text" class="text4 fbs_text" />
                <img src="images/date.png" alt="">
                </span>
            </div>
            <div>
                <p style="margin-top:15px;">选择专题 :</p>
                 <table class="table">
                <thead>
                    <tr>
                        <td>选择</td>
                        <td>id</td>
                        <td>频道</td>
                        <td>专题名称</td>
                        <td>是否置顶</td>
                        <td>状态</td>
                        <td>文章数</td>
                        <td>发布时间</td>
                    </tr>
                </thead>
            <tbody class="zt_list">

            </tbody>
            </table>
            <div class="page_fen">
                <div value="1 0"></div>
                <div id="page1" class="page_div"></div>
            </div>
            </div>
            <div class="tab_list">
                <span class="add_ts" style="padding:5px 10px;border:1px solid #000;border-radius:3px">创建推送</span>
                <span class="add_ts_q" style="margin-left:20px;padding:5px 10px;border:1px solid #000;border-radius:3px">取消</span>
            </div>
        </div>
    </div>
</body>
<script src="js/tuisong.js"></script>
<script src="js/foundation-datepicker.js"></script>
<script>
    $('#demo-2').fdatepicker({
        format: 'yyyy-mm-dd hh:ii',
        pickTime: true
    });
</script>
</html>